<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成功案例</title>
    <link href="product-cases.css" rel="stylesheet">
    <link href="publicHF.css" rel="stylesheet">
    <script src="cdn.bootcss.com/jquery/jquery.min.js"></script>
    <script>
        $(function(){
            $(".bannerOut").hover(function(){
                $(this).toggleClass("bannerOn");
            });
            $(".tdOut").hover(function(){
                $(this).toggleClass("mouseOn");
            });
            $(".detailsOut").hover(function(){
                $(this).toggleClass("mouseOn");
            });
            $(".details").hover(function () {
                $(this).toggleClass("shadow");
            })
        })
    </script>
</head>
<body>
<!--public header-->
<header>
    <div id="brand"><a href="first.html"><img src="pictures/brand.png"/></a></div>
    <ul id="banner">
        <li><a class="bannerOut" href="first.html" style="color: #696969;">首页</a></li>
        <li><a class="bannerOut" href="#">驿路相伴</a></li>
        <li><a class="bannerOut" href="product.html">产品</a></li>
        <li><a class="bannerOut" href="cases.html">成功案例</a></li>
        <li><a class="bannerOut" href="news.html">新闻</a></li>
        <li><a class="bannerOut" href="about.html">关于驿联</a></li>
        <li><a class="bannerOut" href="#">管理平台</a></li>
        <li><a class="bannerOut" href="#">个人中心</a></li>
    </ul>
</header>
<!--public header-->
<div id="wrap">
    <div class="contentP">
        <div class="details">
            <div><a href="#"><img src="pictures/case1.png"/></a></div>
            <h1><a class="detailsOut" href="#">珠海-泰坦大院充电站</a></h1>
            <p><a class="detailsOut" href="#">广东省珠海市吉大石花西路60号</a></p>
        </div>
        <div class="details">
            <div><a href="#"><img src="pictures/case2.png"/></a></div>
            <h1><a class="detailsOut" href="#">珠海-银桦新村充电站</a></h1>
            <p><a class="detailsOut" href="#">珠海香洲区沿河西路华发健身广场旁</a></p>
        </div>
        <div class="details">
            <div><a href="#"><img src="pictures/case3.png"/></a></div>
            <h1><a class="detailsOut" href="#">珠海-南坑市场地下停车场充电站</a></h1>
            <p><a class="detailsOut" href="#">珠海市紫荆路南坑市场地下停车场</a></p>
        </div>
        <div class="details">
            <div><a href="#"><img src="pictures/case4.png"/></a></div>
            <h1><a class="detailsOut" href="#">韶关新能源纯电动公交车充电站</a></h1>
            <p><a class="detailsOut" href="#">珠海驿联新能源汽车有限公司与韶关市公共汽车有限公司强势联手在韶关成立了...</a></p>
        </div>
        <div class="details">
            <div><a href="#"><img src="pictures/case5.png"/></a></div>
            <h1><a class="detailsOut" href="#">驿联与庞大集团新能源汽车分时租赁项目</a></h1>
            <p><a class="detailsOut" href="#">珠海驿联新能源汽车有限公司与庞大集团携手就推进国家机关公务用车、</a></p>
        </div>
        <div class="details">
            <div><a href="#"><img src="pictures/case6.png"/></a></div>
            <h1><a class="detailsOut" href="#">莱西市充电站</a></h1>
            <p><a class="detailsOut" href="#">珠海驿联新能源汽车有限公司与交运集团（青岛）通力合作...</a></p>
        </div>
    </div>
</div>
<!--public footer-->
<footer>
    <table id="footTB">
        <tr>
            <th>应用下载</th>
            <th>产品中心</th>
            <th>关于驿联</th>
            <th rowspan="4"><img src="pictures/code-1.png"></th>
            <th rowspan="4"><img src="pictures/code-2.png"></th>
        </tr>
        <tr>
            <td><a class="tdOut" href="#">Android</a></td>
            <td><a class="tdOut" href="#">直流快充系统</a></td>
            <td><a class="tdOut" href="#">集团介绍</a></td>
        </tr>
        <tr>
            <td><a class="tdOut" href="#">IOS</a></td>
            <td><a class="tdOut" href="#">交流充电桩</a></td>
            <td><a class="tdOut" href="#">成功案例</a></td>
        </tr>
        <tr>
            <td><a class="tdOut" href="#">了解驿充电</a></td>
            <td><a class="tdOut" href="#">换电站专用充电系统</a></td>
            <td><a class="tdOut" href="#">加入驿联</a></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td><a class="tdOut" href="#">联系我们</a></td>
            <td><span class="tdCode">驿充电APP</span></td>
            <td><span class="tdCode">驿充电官方微信</span></td>
        </tr>
    </table>
    <p id="copyright">
        <span class="copyR">Copyright © 珠海驿联新能源汽车有限公司版权所有 备案许可证： <a href="http://www.miitbeian.gov.cn/">粤ICP备15022833号</a></span><span>简体中文</span>
    </p>
</footer>
<!--public footer-->

</body>
</html>